<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.headerSwiper{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height:970px;
    overflow: hidden;
    zoom: 1;
} 
.headerSwiper .slides li{
    width: 100%;
    height: 100%;
}
.line{
    width: 1px;
    height: 11px;
    background: #FFFFFF;
    margin: 0 10px;
}
.nav{
    height: 89px;
}
.nav ul{
    width: 500px;
    position: relative;
    top: 10px;
}
.nav ul li{
    padding-bottom: 30px;
}
.nav ul li a{
    color: #FFFFFF;
}
.nav ul li a:hover{
    color: #FFFFFF;
}
.navActive{
    border-bottom: 2px solid #fff;
}
.navActive a{
    font-family: "SourceHanSansCN-Medium" !important;
    color: #FFFFFF !important;
}
.line1{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}
.record a{
    color: rgba(255, 255, 255, .5);
}
.record a:hover{
    color: rgba(255, 255, 255, .5);
}
.swiper-button-next{
    opacity: 1;
    background-size: cover;
    outline: none !important;
    position: relative !important; 
}
.swiper-button-prev{
    opacity: 1;
    background-size: cover;
    outline: none !important;
    position: relative !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: none !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: none !important;
}
.price{
    width: 100%;
    height: 625px;
    background: url(../images/home/bg.jpg) no-repeat center;
}
.qrcode{
    width: 261px;
    height: 261px;
    background: #FFFFFF;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.qrcode img{
    width: 171px;
    height: 171px;
    border-radius: 50%;
}
.priceCon{
    width: 1118px;
    height: 235px;
    background: #1D4730;
    box-shadow: 3px 3px 16px 0px rgba(29,71,48,0.4);
    margin-left: -142px;
}
.line2{
    width: 1px;
    height: 167px;
    background: rgba(255, 255, 255, .1);
    margin: 0 30px 0 10px;
}
.priceCon p:nth-child(1){
    margin-left: 180px;
}
.priceCon img{
    width: 48px;
    height: 50px;
    margin: 0 20px 0 30px;
}
.far{
    margin-top: 50px;
}
.far li img{
    width: 290px;
    border-radius: 6px;
}
.far li div{
    width: 290px;
    height: 129px;
    background: #FFFFFF;
    border-radius: 0px 0px 6px 6px;
    margin-top: -40px;
}
.far li div img{
    position: relative;
    top: 0px;
    z-index: 2;
    width: 56px;
    margin-bottom: 7px;
}
.wholesale{
    width: 1200px;
    height: 389px;
    border-radius: 6px;
    background: url(../images/home/img4.jpg) no-repeat center;
    margin-top: 50px;
}
.wholesale ul{
    margin-left: 720px;
    padding-top: 20px;
}
.wholesale li{
    width: 444px;
    height: 59px;
    border-radius: 6px;
    line-height: 59px;
    padding-left: 66px;
}
.wholesaleActive{
    background: url(../images/home/img5.jpg) no-repeat center;
    color: #F3D59D !important;
}
.swiper1{
    width: 100%;
    height:530px;
}
.next1{
    margin-top: -330px!important;
    margin-left: 1230px!important;
    background-image: url(../images/home/right.png) !important;
    width: 10px !important;
    height: 31px !important;
}
.prev1{
    margin-top: -31px!important;
    margin-left: -20px!important;
    background-image: url(../images/home/left.png) !important;
    width: 10px !important;
    height: 31px !important;
}
.swiper1Box div:nth-child(1){
    width: 390px;
    height: 480px;
    background: #FFFFFF;
    margin: auto;
}
.swiper1Box div:nth-child(1) img{
    max-width: 390px;
    max-height: 480px;
}
.swiper1Box div:nth-child(2){
    width: 346px;
    background: rgba(29, 71, 48, .9);
    margin: auto;
    position: relative;
    z-index: 2;
    margin-top: -80px;
    display: none;
    padding: 20px 0;
}
.swiper1Box div:nth-child(2) p{
    display: inline-block;
    border-bottom: 1px solid #fff;
}
.swiper1Box div:nth-child(2) img{
    width: 92px;
    height: 92px;
    background: #FFFFFF;
    border-radius: 46px;
    margin-left: 20px;
}
.swiper1 .swiper-slide-active .swiper1Box div:nth-child(2){
    display: block !important;
}
.categories{
    width: 100%;
    height: 1027px;
    background: url(../images/home/bg1.jpg) no-repeat center; 
}
.categories ul{
    margin-top: 130px;
}
.categories ul li img{
    width: 295px;
    height: 440px;
    margin-bottom: 25px;
    visibility: hidden;
}
.categoriesActive img{
    visibility: visible !important;
}
.categoriesActive p{
    color: #FFFFFF !important;
}
.point{
    width: 1200px;
    height: 297px;
    background: url(../images/home/img12.jpg) no-repeat center;
    position: relative;
    z-index: 2;
    margin-top: -150px;
    margin-bottom: 90px;
}
.point div{
    margin: 0 150px 0 80px;
}
.expediency{
    padding: 50px 0 90px 0;
}
.expediency li p{
    padding: 20px 0 30px 0;
    border-bottom: 1px solid #F5F5F5;
}
.expediencyActive p{
    border-bottom: 1px solid #F3D59D !important;
}
.source{
    width: 100%;
    height: 677px;
    background: url(../images/home/bg2.jpg) no-repeat center;
}
.source ul{
    margin-top: 50px;
}
.source li{
    width: 275px;
    height: 67px;
    background: #FFFFFF;
    line-height: 67px;
    margin-bottom: 15px;
}
.sourceActive{
    background: url(../images/home/img15.jpg) no-repeat center !important;
    color: #FFFFFF !important;
}
.swiper2{
    width: 100%;
}
.swiper2Box img{
    width: 100%;
}
.swiper2Box p{
    padding: 20px 0 25px 0;
    border-bottom: 3px solid #F2F2F2;
}
.swiper2 .swiper-slide:hover .swiper2Box p{
    border-bottom: 3px solid #F3D59D !important;
}
.message{
    margin-top: 50px;
    width: 1200px;
    height: 319px;
    background: #FFFFFF;
}
.message form{
    width:1130px;
    margin: auto;
    padding: 40px 0;
}
.message form input{
    border: none;
    outline: none;
    width: 400px;
    height: 68px;
    background: none;
    color: #7C7C7C;
    font-size: 18px;
 }
 .message form div{
    width: 528px;
    height: 68px;
    background: #F8F8F8;
    margin-bottom: 15px;
    padding-left: 30px;
 }
 .message form button{
    width: 1130px;
    height: 68px;
    background: #1D4730;
    line-height: 68px;
}
footer ul{
    width: 500px;
}
footer ul li a{
    color: rgba(255, 255, 255, .4);
}
footer ul li a:hover{
    color: rgba(255, 255, 255, .4);
}
.footerActive a{
    color: #FFFFFF !important;
}
footer ul li img{
    margin-right: 10px;
}
.line4{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .05);
}
.line5{
    width: 1px;
    height: 109px;
    background: rgba(255, 255, 255, .05);
}
.rightNavigation ul li{
    width: 93px;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #EFEFEF;
}
.rightNavigation ul li:last-child{
    border-bottom: none;
}
.rightNavigation ul li div img{
    width: 30px;
    height: 30px;
}
.rightNavigation{
    position: fixed;
    z-index: 99;
    right: 0;
    top: 500px;
}
.rightNavigationa{
    width: 300px;
    height: 120px;
    background: url(../images/home/icon46a.png) no-repeat center;
    display: none;
    position: fixed;
    background-size: cover;
    right: 0;
    top: 485px;
    z-index: 99;
    margin-right: 100px;
}
.rightNavigationb{
    width: 180px;
    height: 162px;
    background:  url(../images/home/icon46.png) no-repeat center;
    border-radius: 20px;
    display: none;
    position: fixed;
    right: 0;
    top: 560px;
    z-index: 99;
    margin-right: 100px;
}
.rightNavigationc{
    width: 300px;
    height: 120px;
    line-height: 120px;
    background: url(../images/home/icon46a.png) no-repeat center;
    display: none;
    position: fixed;
    background-size: cover;
    right: 0;
    top: 675px;
    z-index: 99;
    margin-right: 100px;
}</pre></body></html>